<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>资讯</title>
		<link rel="stylesheet" href="css/fileinput.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/bootstrap-select.min.css" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.css">
		<script src="js/jquery-3.2.1.js" type="text/javascript"></script>
		<script src="js/newlist.js" type="text/javascript"></script>
		<script src="js/jquery-2.1.0.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/fileinput.min.js"></script>
		<script src="js/zh.js"></script>
		<script src="js/bootstrap-select.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.js"></script>
	</head>
	<body>
		<table class="table table-hover table-bordered" id="mytable1">
			<thead>
				<tr>
					<th>选中</th>
					<th>资讯标题</th>
					<th>内容</th>
					<th>摘要</th>
					<th>阅读数</th>
					<th>点赞数</th>
					<th>创建时间</th>
					<th>评论数</th>
					<th>操作</th>
				</tr>
				<tr id="head">
				</tr>
			</thead>
			<tbody id="listTable">

			</tbody>
		</table>
		<div class="container" id="page2">
			<ul class="pagination">
				<li>
					<a href="javascript:void(0)" id="homePage">首页</a>
				</li>
				<li>
					<a href="javascript:void(0)" id="preciousPage">上一页</a>
				</li>
				<li>
					<a href="javascript:void(0)" id="precious">...</a>
				</li>
				<li>
					<a href="javascript:void(0)" id="now">1</a>
				</li>
				<li>
					<a href="javascript:void(0)" id="next">...</a>
				</li>
				<li>
					<input type="hidden" value="" id="nextPageval">
					<a href="javascript:void(0)" id="nextPage">下一页</a>
				</li>
				<li>
					<a href="javascript:void(0)" id="trailerPage">尾页</a>
				</li>
			</ul>
		</div>

		<!--
        	作者：offline
        	时间：2018-04-24
        	描述：模态框
        -->

		<div class="modal fade bs-example-modal-lg" id="mynews" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog" style="width: 800px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
						<h3 class="modal-title" id="myModalLabel1">
					添加资讯
						</h3>
					</div>
					<div class="modal-body">
						<form>
							<table class="table table-hover table-bordered" id="mytablea">
								<tr>
									<th>资讯标题</th>
									<td><input type="text"  class="form-control" id="title" placeholder="请输入资讯名称"/><p style="color: red" id="titlev"></p></td>
								</tr>
								<tr>
									<th>资讯内容</th>
									<td><textarea style="resize:none"  rows="5"  class="form-control" id="content" placeholder="请输入资讯内容"></textarea><p style="color: red" id="contentv"></p></td>
								</tr>
								<tr>
									<th>作者</th>
									<td><input type="text"  class="form-control" id="author" placeholder="请输入作者"/><p style="color: red" id="authorv"></p></td>
								</tr>
								<tr>
									<th>所属标签</th>
									<td>
										<div class="form-group">
											<select class="selectpicker" multiple data-max-options="10" id="u_tag1">
											</select><p style="color: red" id="u_tag1v"></p>
										</div>
									</td>
								</tr>
								<tr>
									<th>所属栏目</th>
									<td>
										<div class="form-group">
											<select class="selectpicker" multiple data-max-options="1" id="u_tag2">
											</select><p style="color: red" id="u_tag2v"></p>
										</div>
									</td>
								</tr>
								<tr>
									<th>摘要</th>
									<td><textarea style="resize:none"  rows="5"  class="form-control" id="summary" placeholder="请输入摘要"></textarea><p style="color: red" id="summaryv"></p></td>
								</tr>
								<tr>
									<th>资讯封面</th>
									<td>
										<input type="hidden" value="" id="filepath">
										<input type="hidden" value="" id="filehead">
										<input id="file1" name="file" type="file" multiple class="file-loading" data-overwrite-initial="false" />
									</td><p style="color: red" id="filev"></p>
								</tr>
							</table>
						</form>
					</div>
					<div class="modal-footer">
						<button id="submit" class='btn btn-primary'>提交更改</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>

					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>

		<div class="modal fade bs-example-modal-lg" id="mynewschange" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog" style="width: 800px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h3 class="modal-title" id="myModalLabel">
							资讯修改
						</h3>
					</div>
					<div class="modal-body">
						<form><table class="table table-hover table-bordered" id="mytablec">
								<tr>
									<th>资讯标题</th>
									<td>
										<input type="hidden" value="1" id="id">
										<input type="text"  class="form-control" id="titlec" placeholder="请输入资讯名称"/>
									</td>
								</tr>
								<tr>
									<th>资讯内容</th>
									<td><textarea style="resize:none"  rows="5"  class="form-control" id="contentc" placeholder="请输入资讯内容"></textarea></td>
								</tr>
							<tr>
								<th>所属标签</th>
								<td>
									<div class="form-group">
										<select class="selectpicker" multiple data-max-options="10" id="c_tag1">
										</select>
									</div>
								</td>
							</tr>
							<tr>
								<th>所属栏目</th>
								<td>
									<div class="form-group">
										<select class="selectpicker" multiple data-max-options="1" id="c_tag2">
										</select>
									</div>
								</td>
							</tr>
								<tr>
									<th>作者</th>
									<td><input type="text"  class="form-control" id="authorc" placeholder="请输入作者"/></td>
								</tr>
								<tr>
									<th>摘要</th>
									<td><textarea style="resize:none"  rows="5"  class="form-control" id="summaryc" placeholder="请输入摘要"></textarea></td>
								</tr>
								<tr>
									<th>资讯封面</th>
									<td>
										<input type="hidden" value="" id="filepathc">
										<input type="hidden" value="" id="fileheadc">
										<input id="file1c" name="file" type="file" multiple class="file-loading" data-overwrite-initial="false" />
									</td>
								</tr>
							</table>
						</form>
					</div>
					<div class="modal-footer">
						<button id="submitchange" class='btn btn-primary'>提交更改</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭
						</button>

					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>


		<div class="modal fade bs-example-modal-lg" id="comments" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
			<div class="modal-dialog" style="width: 800px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h3 class="modal-title" id="myModalLabel2">
					资讯评论
						</h3>
					</div>
					<div class="modal-body">
						<form>
							<table class="table table-hover table-bordered">
								<thead id="selectpl">

								</thead>
								<tbody  id="mytablep">

								</tbody>
       						 </table>
							<div class="container" id="P_page2">
								<ul class="pagination">
									<li>
										<input type="hidden" value="" id="hidden">
										<a href="javascript:void(0)" id="P_homePage">首页</a>
									</li>
									<li>
										<a href="javascript:void(0)" id="P_preciousPage">上一页</a>
									</li>
									<li>
										<a href="javascript:void(0)" id="P_precious">...</a>
									</li>
									<li>
										<a href="javascript:void(0)" id="P_now">1</a>
									</li>
									<li>
										<a href="javascript:void(0)" id="P_next">...</a>
									</li>
									<li>
										<input type="hidden" value="" id="P_nextPageval">
										<a href="javascript:void(0)" id="P_nextPage">下一页</a>
									</li>
									<li>
										<a href="javascript:void(0)" id="P_trailerPage">尾页</a>
									</li>
								</ul>
							</div>

						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>
	</body>
</html>